﻿a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#fff}
body{font-family:Kreon;font-weight:300;color:#333;background:#f5f5f5}
#switcher{    height: 40px;
    background: #000000;
    z-index: 99999;
    position: fixed;
    width: 100%;
    top: 0;
    border-bottom: 1px solid #0d76bc;}
.center{width:100%;padding-top:0}
.center ul li{display:inline;float:left;position:relative}
.logoTop{margin-left:5px;margin-right:15px;margin-top:8px;color:#FFF;font-family:"microsoft yahei"}
.logoTop a{font-size:14px;}
.logoTop span { font-size:14px; color:#CCC;}
.logoTop a:hover{text-decoration:underline}
.center ul li ul{font-family:'Droid Serif',serif;display:none;margin-left:17px;position:absolute;width:313px;background:#10100f;border:1px solid #323024;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding-bottom:3px}
.center ul li ul li{margin:0 0 1px 4px;padding:5px;width:271px}
.center ul li ul li a{display:block;width:210px;font-size:13px;color:#c4beab;float:left;line-height:22px;white-space:nowrap;overflow:hidden}
.center ul li ul li .tag{display:block;width:50px;height:22px;font-size:10px;color:#c4beab;margin:0 8px 0 0;line-height:22px;white-space:nowrap;background:url(sel-sp-act.png) no-repeat;text-align:center;float:left}
.center ul li ul li a span.link{display:block;width:209px;height:22px;overflow:hidden;float:left}
.center ul li ul li:hover{background:url(sel-act.png) no-repeat}
.center ul li ul li:hover a{color:#f8bc06}
.center ul li ul li:hover .tag{color:#f8bc06}
.center ul li ul li:first-child{margin-top:3px}
li.device-resolution{text-transform:uppercase;font-size:12px;color:#ada58b;font-family:Cambria;line-height:54px}
li.purchase{float:right!important;margin-top:11px}
li.purchase a{padding:0;background:url(trolley2.png) no-repeat 0 0;width:133px;height:36px;display:block;transition:all .3s ease-out 0s}
li.purchase a:hover{background-position:0 -36px}
li.remove_frame{margin-left:17px;float:right!important;margin-right:30px}
li.remove_frame a.closeFrame{background:url(images/cross2.png) no-repeat 0 0;width:20px;height:21px;display:block;margin-top:18px;transition:all .3s ease-out 0s}
li.remove_frame a.closeFrame:hover{background-position:0 -21px}
li.remove_frame a.addGroup{float:left;position:absolute;top:17px;right:80px}
#iframe{margin-top:0}
.icon-mobile-1,.icon-mobile-2,.icon-mobile-3,.icon-monitor,.icon-tablet{margin-right:7px;margin-top:9px;width:30px;height:23px}
.icon-monitor{background-image:url(images/device_ico.png);background-position:0 0;background-repeat:no-repeat}
.icon-tablet{background:url(images/device_ico.png) no-repeat -40px 0}
.icon-mobile-1{background:url(images/device_ico.png) no-repeat -76px 0}
.icon-monitor.active,.icon-monitor:hover{background-position:0 -24px}
.icon-tablet.active,.icon-tablet:hover{background-position:-40px -24px}
.icon-mobile-1.active,.icon-mobile-1:hover{background-position:-76px -24px}
.icon-mobile-2{background:url(images/device_ico.png) no-repeat -118px 0}
.icon-mobile-3{background:url(images/device_ico.png) no-repeat -151px 0}
.icon-mobile-2.active,.icon-mobile-2:hover{background-position:-118px -24px}
.icon-mobile-3.active,.icon-mobile-3:hover{background-position:-151px -24px}
#iframe-wrap{height:100%;overflow:visible;position:relative;top:40px;z-index:50}
.tablet-width{height:1000px!important;margin:0 auto;padding:175px 100px 115px 100px;width:785px;margin-top:40px;margin-bottom:40px;background:url(images/bg-mob.png) no-repeat 0 0}
.tablet-width iframe{height:960px!important}
.mobile-width{height:730px!important;margin:0 auto;padding:165px 115px 100px 100px;width:1041px;margin-top:40px;background:url(images/bg-mob.png) no-repeat 0 -1249px}
.mobile-width iframe{height:704px!important}
.mobile-width-2{height:417px!important;margin:0 auto;padding:125px 25px 159px 25px;width:337px;margin-top:40px;background:url(images/bg-mob.png) no-repeat 0 -2217px}
.mobile-width-2 iframe{height:416px!important}
.mobile-width-3{height:256px!important;margin:0 auto;padding:45px 115px 69px 105px;width:497px;margin-top:40px;background:url(images/bg-mob.png) no-repeat -387px -2217px}
.mobile-width-3 iframe{height:256px!important}
.by{overflow-y:hidden}
@-webkit-keyframes swing{100%,20%,40%,60%,80%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0)}
}
@-moz-keyframes swing{100%,20%,40%,60%,80%{-moz-transform-origin:top center}
20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0)}
}
.fdad{width:200px;padding:7px 10px 10px;height:225px;background-color:#FFF;position:fixed;top:64px;z-index:888}
.leftfloat{left:25px}
.rightfloat{right:25px}
.fdad .title{float:left;font-family:Arial;font-size:12px;color:#ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px}
.fdad .title .close{float:right;font:400 14px/normal 'microsoft yahei';cursor:pointer}
.fdad .content{width:200px;height:200px;position:relative}
.fdad .content .notip{position:absolute;height:40px;width:150px;font:400 12px/1.8 'microsoft yahei';top:50%;left:50%;margin-top:-20px;margin-left:-75px;color:#999;z-index:0;text-align:center}
.fdad .content .mainad{position:absolute;left:0;top:0;zindex:2}
.bottomad{width:960px;height:85px;padding:7px 10px 10px;background-color:#FFF;position:fixed;bottom:50px;left:50%;margin-left:-480px;z-index:888}
.bottomad .title{float:left;font-family:Arial;font-size:12px;color:#ccc;line-height:20px;width:100%;height:20px;margin-bottom:5px}
.bottomad .title .close{float:right;font:400 14px/normal 'microsoft yahei';cursor:pointer}
.bottomad .content{width:960px;height:60px;position:relative}
.bottomad .content .notip{position:absolute;height:20px;width:220px;font:400 12px/20px 'microsoft yahei';top:50%;left:50%;margin-top:-10px;margin-left:-110px;color:#999;z-index:0}
.bottomad .content .mainad{position:absolute;left:0;top:0;zindex:2}
#footer-notice{font-size:12px;text-align:center;height:31px;line-height:30px;color:#fafafa;/*background:#111 url(images/kj_bottom.gif) repeat-x;*/z-index:99999;position:fixed;width:100%;bottom:0;font-family:"microsoft yahei"; border-top:3px solid #0d76bc;}
.muen_top{padding-left:17%;float:left}
.muen_top a{font-size:12px;padding:0 5px;line-height:40px;color:#fff}
.tougao{width:265px;height:26px;text-align:center;float:right;display:inline;margin:7px 5px 0 0}
.tougao a{ width:65px; float:right;display:block;line-height:26px;font-size:12px;border:solid 1px #007ab3;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background-color: #ff0; color:#000; text-decoration:none;}
.tougao a:hover { background-color:#edda06;}
.device-monitor { margin-left:10px;}
/*.erweima{position:relative;margin-top:10px;margin-right:20px;margin-left:20px;padding-right:5px;padding-left:25px;height:20px;border:1px solid #414141;border-radius:5px;background-image:url(../images/erweima.png);background-position:3px center;background-repeat:no-repeat;font-weight:400;font-size:12px;line-height:20px;}
.vm{position:absolute;top:20px;left:0;display:none;padding:30px;width:150px;height:170px;background-color:#fff;}
.erweima:hover .vm { display: block }*/

@media screen and (max-width:1082px) {
#sj { display: none; }
#sj2 { display: none; }
}
.toper { position: relative; margin-top: 10px; margin-right:10px; font-size: 12px; font-weight: normal; background-image: url(images/2vm.png); background-repeat: no-repeat; background-position: 3px center; height: 20px; padding-left: 25px; line-height: 20px; border: 1px solid #414141; padding-right: 5px; border-radius: 5px; }
.vm { position: absolute; top: 30px; left: 0px; background-color: #eee; height: 170px; width: 150px; display: none; padding: 20px; }
.toper:hover .vm { display: block }
#switcher a:link { text-decoration:none;}
#switcher a:hover{ color:yellow}
#output canvas { width:150px; height:150px;}
.muen_top a {font-family: "微软雅黑";}